@charset 'utf-8';
body,div,dl,dt,dd,ul,ol,li,tr,td,th,
h1,h2,h3,h4,h5,h6,hr,br,img,table,
input,form,a,p,textarea{
    padding:0;
    margin:0;
    font-family:Arial,'Microsoft YaHei';
}
ul,ol,li{
    list-style:none;
}
a{
    text-decoration:none;
    display:block;
}
img{
    border:0;
    display:block;
}

button{
	background: unset;
	border: unset;
	outline: unset;
	padding: unset;
	margin: unset;
}
.messagestyle{
	background-color: #000000;
}
:root {
		--vh: 13.34px;
        --theme-rem-unit: 100;
        --theme-header-height: 0.8rem;
		--theme-header-height2: 1.4rem;
        --theme-side-width: 240;
        --theme-scroll-bar-bg-color: var(--theme-color-line);
        --theme-filter-active-color: #FACF20;
--theme-main-bg-color: #21674b;
--theme-main-bg-color-hex: 242,109,10;
--theme-bg-color: #1e4b37;
--theme-table-bg-color: #21674b;
--theme-disabled-bg-color: #999;
--theme-countTo-bg: #f6faff;
--theme-ant-message-bg: #FFF;
--theme-bg-shadow: rgba(0, 0, 0, 0.06);
--theme-load-bg-color: #FFA56166;
--theme-home-bg-color: 242,109,10;
--theme-primary-color: #fccf1e;
--theme-primay-color-hex: 83,31,14;
--theme-primary-font-color: #FFFFFF;
--theme-disabled-font-color: #fff;
--theme-ant-message-font-color: #333333;
--theme-aside-icon-color-0: #c5e2d2;
--theme-aside-icon-color-1: #c5e2d2;
--theme-aside-icon-color-2: #666;
--theme-aside-font-color: #fff;
--theme-aside-active-font-color: #fff;
--theme-aside-active-bg-color-0: #FFFFFF0A;
--theme-aside-active-bg-color-1: #FFFFFF0D;
--theme-aside-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.3);
--theme-aside-no-active-box-shadow: #0000001F;
--theme-jackpot-bg-color-0: #fff;
--theme-jackpot-bg-color-1: #edf3fd;
--theme-jackpot-num-bg-color-0: #c9d2df;
--theme-jackpot-num-bg-color-1: #f5f8fe;
--theme-jackpot-num-bg-color-2: #c9d2df;
--theme-jackpot-num-bg-shadow-color-0: #fff6;
--theme-jackpot-num-bg-shadow-color-1: #fff6;
--theme-jackpot-title-color: #FFFFFF;
--theme-game-lobby-border: #FFA561;
--theme-search-icon-color: #c5e2d2;
--theme-btm-def-color: #C5E2D2;
--theme-btm-bg-color: #F2760C;
--theme-mine-icon-color: #fbce1f;
--theme-hx-color: #FFFFFF;
--theme-text-color-darken: #FFFFFF;
--theme-text-color: #c5e2d2;
--theme-text-color-lighten: #c5e2d2;
--theme-text-color-lighten-withshadow: #c5e2d2;
--theme-text-color-placeholder: #c5e2d2;
--theme-text-color-task-btn: #fff;
--theme-text-color-process-text: #fff;
--theme-text-color-activities-text: #fff;
--theme-text-color-side-tabs: #c5e2d2;
--theme-alt-text-color: #FFFFFF;
--theme-text-person-color: #fff;
--theme-color-line: #2a815f;
--theme-color-line-hex: 255,165,97;
--theme-active-bg-color: #FC8521;
--theme-active-gou-color: #298060;
--theme-cardBg-color: rgba(7, 112, 255, 0.8);
--theme-cardShadow-mask-color: rgba(254, 255, 255, 0.9);
--theme-cardShadow-font-color: #fff;
--theme-progress-line-color: #c5e2d2;
--theme-text-color-darken-hex: 255,255,255;
--theme-secondary-color-success: #10920E;
--theme-secondary-color-success-linear-gradient: #18c516;
--theme-secondary-color-success-text: #fff;
--theme-secondary-color-error: #DF230E;
--theme-secondary-color-error-linear-gradient: #f35a4a;
--theme-secondary-color-finance: #FFAA09;
--theme-secondary-color-finance-linear-gradient: #ffb325;
--theme-secondary-color-tabs-start-gradient: #fff;
--theme-secondary-color-tabs-end-gradient: #f2f3f7;
--theme-secondary-color-tabs-active-start-gradien: #46a1ff;
--theme-secondary-color-tabs-active-end-gradient: #1678ff;
--theme-secondary-color-tabs-active-border: transparent;
--theme-secondary-color-help-text-color: #FFFFFF;
--theme-label-secondary-color-finance: #FFAA09;
--theme-event-luck-wheel-silver: #1672f2;
--theme-event-luck-wheel-gold: #ffaa09;
--theme-event-luck-wheel-diamond: #b751ff;
--theme-user-card-top-bg-color: #2c9d6f;
--theme-user-card-bg-color: #773825;
--theme-user-card-bottom-bg-color: #21885b;
--theme-vip-progress-bg-color: #298060;
--theme-top-nav-bg: #21674b;
--theme-side-menu-bg-color: #F2760C;
--theme-side-menu-btn-color: #194c38;
--theme-side-menu-btn-color-hex: 250,131,29;
--theme-side-menu-btn-hover: #FF963C;
--theme-side-footer-bg-color: #21674b;
--theme-tabbar-bg-color: #F2760C;
--theme-home-bg: #21674b;
--theme-side-bg-color: #0f212e;
--theme-left-nav-text-color: #c5e2d2;
--theme-left-nav-text-active-color: #FFFFFF;
--theme-side-popver-text-color: #fff;
--theme-game-card-ddt_bg: #F3791E;
--theme-game-card-ddt_icon: #FA8732;
--theme-alt-primary: #298060;
--theme-alt-neutral-1: #c5e2d2;
--theme-alt-neutral-2: #c5e2d2;
--theme-alt-border: #c5e2d2;
--theme-profile_icon_1: #298060;
--theme-profile_icon_2: #298060;
--theme-profile_icon_3: #298060;
--theme-profile_icon_4: #298060;
--theme-web_filter_gou: #FFFFFF;
--theme-aside-active-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.1);
--vh: 8.44px;
--theme-ant-primary-color-0: #c5e2d2;
--theme-ant-primary-color-1: #643526;
--theme-ant-primary-color-2: #754c3e;
--theme-ant-primary-color-3: #876256;
--theme-ant-primary-color-4: #98796e;
--theme-ant-primary-color-5: #a98f87;
--theme-ant-primary-color-6: #baa59f;
--theme-ant-primary-color-7: #cbbcb7;
--theme-ant-primary-color-8: #ddd2cf;
--theme-ant-primary-color-9: #948f8b;
--theme-ant-primary-color-10: #87776d;
--theme-ant-primary-color-11: #7a5f50;
--theme-ant-primary-color-12: #6e4736;
--theme-ant-primary-color-13: #613220;
--theme-ant-primary-color-14: #298060;
--theme-ant-primary-color-15: #2e0e06;
--theme-ant-primary-color-16: #080201;
--theme-ant-primary-color-17: #000000;
--theme-ant-primary-color-18: #000000;
--theme-ant-primary-color-19: 83, 31, 14;

}

/* 滚动槽 */
::-webkit-scrollbar {
    width: 0.1rem;
    height: 0.1rem;
}
::-webkit-scrollbar-track {
    border-radius: 0.1rem;
    background: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}

.pageContainer{
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.container{
	flex: 1;
	width: 100vw;
	overflow-y: overlay;
	margin-right: -0.1rem;
}


body{
	min-height: 100vw;
	background-color: #21674b;
	background-image: url(/icons/index/bg2.png);
	background-repeat: repeat;
	background-size: 30%;
	overflow: hidden;
}
@media screen and (min-width: 600px) {
	body {
	  background-size: 8%;
	}
  }

.icon_notice{
	display: inline-block;
	position: relative;
	width: 0.57rem;
	height: 0.49875rem;
	background-image: url(/icons/index/main2.png);
	background-position: -2.92125rem -3.01388rem;
	background-size: 7.70212rem 7.10363rem;
}

.el-input__inner{
	background-color: var(--theme-main-bg-color) !important;
	border-color: var(--theme-color-line) !important;
	    border-radius: 0.1rem !important;
	    color: var(--theme-text-color-darken) !important;
	    font-size: .24rem !important;
	    height: .8rem !important;
	   line-height: .8rem !important;
	    padding: 0 .8rem 0 .3rem;
		padding: 0 .5rem !important;
		&::placeholder{
			color: var(--theme-text-color-lighten) !important;
		}
		&:hover{
			border-color: var(--theme-primary-color) !important;
		}
}
.el-input {
	display: block !important;
}
.el-input__icon{
	width: .25rem !important;
	line-height:.4rem !important;
	font-size: .18rem !important;
}
.el-input__prefix{
	left:.2rem !important;
}
.el-checkbox__inner:hover,.el-checkbox__inner{
	background: rgba(0,0,0,.65) !important;
	border: 1px solid #3a3a3a !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background: var(--theme-secondary-color-success)!important;
	border: 1px solid var(--theme-secondary-color-success) !important;
}
.el-checkbox__inner{
	width: .26rem !important;
	height: .26rem !important;
	margin-top: .05rem;
}
.el-checkbox__inner::after{
	width: .03rem !important;
	height: .1rem !important;
}


@media screen and (max-width: 500px) {
	.el-message {
	    min-width: 6rem !important;
	    box-sizing: border-box;
	    border-radius: 4px;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #EBEEF5;
	    position: fixed;
	    left: 50%;
	    top: 20px;
	    transform: translateX(-50%) scale(.8) !important;
	    background-color: #edf2fc;
	    transition: opacity .3s,transform .4s,top .4s;
	    overflow: hidden;
	    padding: 15px 15px 15px 20px;
	    display: flex;
	    align-items: center;
	}
	.el-message-box{
		max-width: 80vw;
	}
}
@media screen and (min-width: 700px) {
	.el-message {
	    box-sizing: border-box;
	    border-radius: 4px;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #EBEEF5;
	    position: fixed;
	    left: 50%;
	    top: 20px;
	    transform: translateX(-50%) scale(.8) !important;
	    background-color: #edf2fc;
	    transition: opacity .3s,transform .4s,top .4s;
	    overflow: hidden;
	    padding: 15px 15px 15px 20px;
	    display: flex;
	    align-items: center;
	}
	.el-message .el-message__icon {
	  font-size: 18px;
	}
	.el-message  .el-message__content {
	  font-size: 18px;
	  font-weight: 700;
	}
}

.anquantop{
	margin-top: constant(safe-area-inset-top);
	margin-top: env(safe-area-inset-top);  
}
